html,
body {
   min-width: 1200px;
}

#app {
   min-height: 100vh;
   display: flex;
   flex-direction: column;
}

/* 头部 */
.header {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   height: 100%;
   font-size: 20px;
}

.header_text {
   display: block;
   font-size: 12px;
}

/* 内容 */
.cont {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.pet_img {
   width: 50px;
   height: 50px;
   border-radius: 4px;
}

.hide {
   display: none !important;
}

a {
   color: #ffffff !important;
   display: none;
}

a:hover {
   color: #ffffff !important;
}

@media screen and (max-width: 1200px) {
   #app {
      width: 100% !important;
   }

   .layui-layer {
      width: 100% !important;
      left: 0 !important;
   }
}
